@charset "utf-8";

.pesan {
	color: #333;
	width: 350px;
	padding: 5px;
	background-color: #f7f7f7;
	border: 1px solid #b7b7b7;
}

.pesan a {
color: #3B5998;
text-decoration:none;
}

.pesan p {
padding: 5px;
}

.pesan1 {
	color:#FFFFFF;
	background-color:#3B5998;
	border-bottom: solid #6d84b4 5px;
}

.pesan2 {
	padding: 5px;
	color: #FFFFFF;
	background: #3B5998;
}

.pesan2 a {
	color:#FFFFFF;
	text-decoration: none;
	outline-style: none;
	padding: 5px;
}

.pesan2 a:hover {
	background: #6D84B4;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}

.pesan3 {
	color: #3B5998;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.pesan3:hover {
border:none;
background-color: #d8dfea;
border-top: 1px solid #d8dfea;
border-bottom: 1px solid #d8dfea;
}

.pesan4 {
	color: #333;
	background:#fff9d7;
	border: 1px solid #e2c822;
}



.pesan5 {
	color: #333;
	background:#ffebe8;
	border: 1px solid #dd3c10;
}

.pesan6 {
border: 1px solid #cccccc;
background:#fff;
text-align:left;
}


.pesan6a, .pesan6b, .pesan6c {
	float: left;
}


.pesan6b {
	padding:10px;
	width: 90px;
}

.pesan6b a {
font-size:12px;
color: #3B5998;
text-decoration: none;
}

.pesan6b a:hover {
text-decoration: underline;
}


.pesan6c a {

}


.pesan6c a {

	color: #3B5998;
	text-decoration:none;
}

.pesan6c a:hover {
	color: #FFF;
	background:#3B5998;
	}


.pesan6c li {
margin: 0px;
padding-left:5px;
	width: 70px;
	list-style:none;
	color: #3B5998;
	border-bottom: 1px solid #d8dfea;
	line-height: 15px;
	font-size:11px;
	font-weight: normal;
		display:block;
}

.pesan6c li:hover  {
	color: #FFF;
	background-color:#3B5998;
}


.pesan6cname {
	font-weight:normal;
	font-size: 11px;
	color:#999999;
}

.pesanpost {
	font-size: x-small;
}

.pesan7 {
	color: #000;
	background-color: #00cc66;
	border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        
}

.pesan, .pesan1, .pesan2, .pesan3, .pesan4, .pesan5, .pesan6,.pesan7 {
padding: 10px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 12px;

}

.pesanx {
font-size:11px;
font-weight:normal;
background: #f7f7f7;
color:#000;
width:165px;
padding: 5px;
border: 1px solid #B7B7B7;
float: right;
}

.pesanx H3 {
font-size:11px;
background: #e9e9e9;
color:#333;
padding: 2px;
margin-bottom: 5px;
margin-top: 0px;
}

.pesanx-tiny {
font-size:10px;
color: #777;
}

.pesanx a {
color: #3B5998;
text-decoration:none;
}

.pesanx a {
text-decoration:underline;
}

.pesany {
width:165px;
float: left;
border-right:1px solid #eee;
}

.pesany a {
color: #3B5998;
border-bottom:1px thin #ccc;
font-weight: normal;

}

.pesany a:hover {
text-decoration:underline;
}

.pesany H3 {
font-size:11px;
color:#3B5998;
background:#d8dfea;
border-top: 1px solid #3B5998;
padding: 3px 10px;
margin: 0px;
}


.pesany H3:hover {
background:#cfd7e4;
border-top: 1px solid #3B5998;
}

.pesany li {
font-size:11px;
font-weight: normal;
margin-left: 5px;
padding: 3px 0px;
list-style:none;
border-bottom:1px solid #ccc;
width: 155px;
}

.pesany img {
border:0;
}

.pesanr {
padding:2px;
text-align:right;
}